<template>
  <view class="flex-col page">
    <view class="flex-col flex-auto group_2">
      <view class="flex-row justify-between list-item">
        <image class="image_6" src="../../static/images/46037220ae4436c393cfd78d961ff638.png" />
        <image class="image_6 image_7" src="../../static/images/29d38015d36fc0e180b22afc74a9f034.png" />
      </view>
      <view class="list-divider"></view>
      <view class="flex-row justify-between list-item_2">
        <image class="image_6" src="../../static/images/aea3aa781907f8089a10d5a9613741d3.png" />
        <image class="image_6 image_8" src="../../static/images/5380c615625fe25e250862dfc1b7bde0.png" />
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    .group_2 {
      padding: 0 62.5rpx 345.83rpx;
      overflow-y: auto;
      .list-item {
        padding: 77.08rpx 0 116.67rpx;
        .image_7 {
          margin-right: 29.17rpx;
        }
      }
      .list-divider {
        margin-left: 12.5rpx;
        margin-right: 29.17rpx;
        background-color: #00baad;
        height: 9.38rpx;
      }
      .list-item_2 {
        padding: 245.83rpx 0 116.67rpx;
        .image_8 {
          margin-right: 29.17rpx;
        }
      }
      .image_6 {
        border-radius: 72.92rpx;
        width: 118.75rpx;
        height: 120.83rpx;
      }
    }
  }
</style>